<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>餐饮美食 - 日本旅行实用英语指南</title>
    <meta name="description" content="为您的日本之旅准备的餐饮美食场景实用英语指南，配有中文翻译和音频发音，覆盖点餐、食物偏好等常用英语表达。">
    
    <!-- 字体和图标 -->
    <link rel="stylesheet" href="https://fonts.font.im/css?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Tailwind CSS (核心框架) -->
    <link rel="stylesheet" href="https://g.alicdn.com/code/lib/tailwindcss/2.2.19/tailwind.min.css">
    
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="css/styles.css">

    <meta property="og:type" content="article">
    <meta property="og:title" content="餐饮美食 - 日本旅行实用英语指南 · 心流AI助手 | 让知识随心流动">
    <meta property="og:site_name" content="心流AI助手"/>
    <meta property="og:description" content="这个网站是一个日本旅行实用英语指南，为赴日游客提供实用英语表达和发音。内容涵盖机场入境、交通出行、住宿、餐饮、购物、观光和紧急情况等场景的常用英语短语，并配有中文翻译和音频发音功能，帮助游客在日本旅行中顺畅交流。">
    <meta property="og:image" content="https://img.alicdn.com/imgextra/i4/O1CN01VFxaDc1s3EZKig0PM_!!6000000005710-0-tps-300-300.jpg">
    <link rel="shortcut icon" type="image/png" href="https://img.alicdn.com/imgextra/i4/O1CN01yBfg3x1iNi4YggwIt_!!6000000004401-2-tps-72-72.png">
    <link rel="icon" type="image/png" href="https://img.alicdn.com/imgextra/i4/O1CN01yBfg3x1iNi4YggwIt_!!6000000004401-2-tps-72-72.png"/>
</head>
<body>
    <!-- 页面标题区 -->
    <header>
        <div class="container header-content">
            <h1 class="page-title">日本旅行实用英语指南</h1>
            <p class="page-subtitle">为您的日本之旅提供最实用的英语表达，点击按钮即可收听标准发音</p>
        </div>
    </header>

    <div class="container">
        <!-- 搜索区域 -->
        <div class="search-container">
            <input type="text" id="search-input" class="search-input" placeholder="搜索英语表达或关键词...">
            <button id="search-button" class="search-button"><i class="fas fa-search"></i> 搜索</button>
        </div>
        
        <!-- 导航标签 -->
        <div class="navigation">
            <ul class="nav-tabs">
                <li><a href="index.html" class="home-link"><i class="fas fa-home"></i> 首页</a></li>
                <li><a href="airport.html"><i class="fas fa-plane-arrival"></i> 机场与入境</a></li>
                <li><a href="transportation.html"><i class="fas fa-train"></i> 交通出行</a></li>
                <li><a href="accommodation.html"><i class="fas fa-hotel"></i> 住宿服务</a></li>
                <li><a href="dining.html" class="active"><i class="fas fa-utensils"></i> 餐饮美食</a></li>
                <li><a href="shopping.html"><i class="fas fa-shopping-bag"></i> 购物支付</a></li>
                <li><a href="sightseeing.html"><i class="fas fa-torii-gate"></i> 观光景点</a></li>
                <li><a href="emergency.html"><i class="fas fa-first-aid"></i> 紧急情况</a></li>
                <li><a href="directions.html"><i class="fas fa-map-marker-alt"></i> 问路指南</a></li>
            </ul>
        </div>
        
        <!-- 餐饮美食场景 -->
        <div id="dining" class="content-section">
            <h2 class="section-title">
                <div class="section-icon"><i class="fas fa-utensils"></i></div>
                餐饮美食场景
            </h2>
            
            <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-hamburger"></i> 点餐用语</h3>
                <ul class="phrase-list">
                    <li class="phrase-item high-frequency">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="table-for-two" data-phrase-text="A table for two, please." onclick="playAudio('table-for-two')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            A table for two, please.
                        </div>
                        <div class="phrase-chinese">请给我们两个人的桌子。</div>
                    </li>
                    <li class="phrase-item high-frequency">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="may-i-see-the-menu" data-phrase-text="May I see the menu?" onclick="playAudio('may-i-see-the-menu')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            May I see the menu?
                        </div>
                        <div class="phrase-chinese">可以看一下菜单吗？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="what-do-you-recommend" data-phrase-text="What do you recommend?" onclick="playAudio('what-do-you-recommend')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            What do you recommend?
                        </div>
                        <div class="phrase-chinese">您有什么推荐？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="i-would-like-to-order" data-phrase-text="I would like to order [dish name]." onclick="playAudio('i-would-like-to-order')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I would like to order [dish name].
                        </div>
                        <div class="phrase-chinese">我想点[菜名]。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="is-this-spicy" data-phrase-text="Is this spicy?" onclick="playAudio('is-this-spicy')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Is this spicy?
                        </div>
                        <div class="phrase-chinese">这个辣吗？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="can-i-have-the-bill" data-phrase-text="Can I have the bill, please?" onclick="playAudio('can-i-have-the-bill')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Can I have the bill, please?
                        </div>
                        <div class="phrase-chinese">请给我账单。</div>
                    </li>
                </ul>
            </div>

            <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-allergies"></i> 食物偏好与过敏</h3>
                <ul class="phrase-list">
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="i-am-vegetarian" data-phrase-text="I am vegetarian." onclick="playAudio('i-am-vegetarian')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I am vegetarian.
                        </div>
                        <div class="phrase-chinese">我是素食者。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="i-am-allergic-to" data-phrase-text="I am allergic to [allergen]." onclick="playAudio('i-am-allergic-to')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I am allergic to [allergen].
                        </div>
                        <div class="phrase-chinese">我对[过敏原]过敏。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="no-raw-food" data-phrase-text="No raw food, please." onclick="playAudio('no-raw-food')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            No raw food, please.
                        </div>
                        <div class="phrase-chinese">请不要生食。</div>
                    </li>
                </ul>
            </div>
                    <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-book"></i> 必背单词</h3>
                <ul class="phrase-list">
                    <li class="phrase-item">
                        <div class="phrase-english">milk</div>
                        <div class="phrase-chinese">牛奶</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">chips</div>
                        <div class="phrase-chinese">炸薯条</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">crisp</div>
                        <div class="phrase-chinese">炸土豆片</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">vegetable</div>
                        <div class="phrase-chinese">蔬菜</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">fruit</div>
                        <div class="phrase-chinese">水果</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">snack</div>
                        <div class="phrase-chinese">点心/小吃</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">entree</div>
                        <div class="phrase-chinese">正餐</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">dessert</div>
                        <div class="phrase-chinese">甜点</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">soup</div>
                        <div class="phrase-chinese">汤</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">diet</div>
                        <div class="phrase-chinese">食谱</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">glass</div>
                        <div class="phrase-chinese">玻璃杯</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">knife</div>
                        <div class="phrase-chinese">刀</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">spoon</div>
                        <div class="phrase-chinese">匙</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">fork</div>
                        <div class="phrase-chinese">叉</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">table</div>
                        <div class="phrase-chinese">桌子</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">bowl</div>
                        <div class="phrase-chinese">碗</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">menu</div>
                        <div class="phrase-chinese">菜单</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">restaurant</div>
                        <div class="phrase-chinese">餐厅</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">sandwich</div>
                        <div class="phrase-chinese">三明治</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">pancake</div>
                        <div class="phrase-chinese">薄煎饼</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">hamburg</div>
                        <div class="phrase-chinese">汉堡</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">pie</div>
                        <div class="phrase-chinese">馅饼</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">bread</div>
                        <div class="phrase-chinese">麵包</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">Pizza</div>
                        <div class="phrase-chinese">披薩</div>
                    </li>
                </ul>
            </div>

            <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-comments"></i> 必学会话</h3>
                <ul class="phrase-list">
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="may-i-order-please" data-phrase-text="May I order, please?" onclick="playAudio('may-i-order-please')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            May I order, please?
                        </div>
                        <div class="phrase-chinese">我可以點餐了嗎？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="may-i-have-a-menu-please" data-phrase-text="May I have a menu, please?" onclick="playAudio('may-i-have-a-menu-please')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            May I have a menu, please?
                        </div>
                        <div class="phrase-chinese">請給我菜單。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="what-is-the-specialty-of-the-house" data-phrase-text="What is the specialty of the house?" onclick="playAudio('what-is-the-specialty-of-the-house')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            What is the specialty of the house?
                        </div>
                        <div class="phrase-chinese">餐廳最特別的菜式是什麼？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="do-you-have-todays-special" data-phrase-text="Do you have today’s special?" onclick="playAudio('do-you-have-todays-special')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Do you have today’s special?
                        </div>
                        <div class="phrase-chinese">餐廳有今日特餐嗎？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="can-i-have-the-same-dish-as-that" data-phrase-text="Can I have the same dish as that?" onclick="playAudio('can-i-have-the-same-dish-as-that')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Can I have the same dish as that?
                        </div>
                        <div class="phrase-chinese">我可以點與那份相同的餐嗎？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="id-like-appetizers-and-meat-fish-dish" data-phrase-text="I’d like appetizers and meat /fish dish." onclick="playAudio('id-like-appetizers-and-meat-fish-dish')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I’d like appetizers and meat /fish dish.
                        </div>
                        <div class="phrase-chinese">我想要一份開胃菜與排餐/魚餐)。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="do-you-have-a-table-for-two right now" data-phrase-text="Do you have a table for two right now?" onclick="playAudio('do-you-have-a-table-for-two-right-now')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Do you have a table for two right now?
                        </div>
                        <div class="phrase-chinese">請問現在有兩人座位嗎？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="i-have-a-reservation-at-1830" data-phrase-text="I have a reservation at 18:30." onclick="playAudio('i-have-a-reservation-at-1830')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I have a reservation at 18:30.
                        </div>
                        <div class="phrase-chinese">我今天晚上6:30有訂位。</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="may-we-have-a-table-by-the-window-please" data-phrase-text="May we have a table by the window, please?" onclick="playAudio('may-we-have-a-table-by-the-window-please')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            May we have a table by the window, please?
                        </div>
                        <div class="phrase-chinese">可以給我們一個靠窗的桌子嗎？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="id-like-to-have-some-local-food" data-phrase-text="I’d like to have some local food." onclick="playAudio('id-like-to-have-some-local-food')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I’d like to have some local food.
                        </div>
                        <div class="phrase-chinese">我想嘗試一下當地的美食。</div>
                    </li>
                </ul>
            </div>
    </div>

    <!-- 页脚区域 -->
    <footer class="site-footer">
        <div class="container">
            <div class="footer-content">
                <p>© 2025 日本旅行实用英语指南 | 内容更新时间: <span id="generation-time">2025年04月28日</span></p>
                <p>本指南仅供学习交流使用，支持离线访问</p>
            
                <div class="flex flex-col items-center m-7">
                    <a
                        href="https://iflow.cn/?appCode=MANUS_CHATBOT"
                        target="_blank" 
                        class="text-center text-gray-400 underline">
                        由心流高级研究模式生成｜点击立即体验
                    </a>
                </div>
            </div>
        </div>
    </footer>
    
    <!-- JavaScript文件 -->
    <script src="js/audio-manager.js"></script>
    <script src="js/main.js"></script>
</body>
</html>